<template>
  <div>
    <a-modal title="查看我的调课记录" :width="width" placement="right" okText="确定" cancel-text="取消" @cancel="handleCancel" @ok="handleOk" :visible="visible$1">
      <a-form-model :form="auditModel" :label-col="{ span: 5 }" :wrapper-col="{ span: 17 }">
        <a-row>
          <a-col :span="12">
            <a-form-model-item label="原上课日期">{{auditModel.yskrq}}</a-form-model-item>
          </a-col>
          <a-col :span="12">
            <a-form-model-item label="原上课周">{{auditModel.YWEEK}}</a-form-model-item>
          </a-col>
          <a-col :span="12">
            <a-form-model-item label="原上课节">{{auditModel.SECTION}}</a-form-model-item>
          </a-col>
          <a-col :span="12">
            <a-form-model-item label="上课教学班">{{auditModel.SKXZBDM}}</a-form-model-item>
          </a-col>
          <a-col :span="12">
            <a-form-model-item label="原上课教室">{{auditModel.YJSH}}</a-form-model-item>
          </a-col>
          <a-col :span="12">
            <a-form-model-item label="课程名称">{{auditModel.kcid}}</a-form-model-item>
          </a-col>
          <a-col :span="12">
            <a-form-model-item label="新上课日期">{{auditModel.xskrq}}</a-form-model-item>
          </a-col>
          <a-col :span="12">
            <a-form-model-item label="新上课周">{{auditModel.XWEEK}}</a-form-model-item>
          </a-col>
          <a-col :span="12">
            <a-form-model-item label="新上课节">{{auditModel.XSECTION}}</a-form-model-item>
          </a-col>
          <a-col :span="12">
            <a-form-model-item label="新上课教室">{{auditModel.xjsid}}</a-form-model-item>
          </a-col>
          <a-col :span="12">
            <a-form-model-item label="审核状态">{{auditModel.verifystatus}}</a-form-model-item>
          </a-col>
          <a-col :span="12">
            <a-form-model-item label="审核人">{{auditModel.verifyuser}}</a-form-model-item>
          </a-col>
        </a-row>
      </a-form-model>
    </a-modal>
  </div>
</template>
<script>
export default {
  props: {
    visible: { type: Boolean },
    data: {
      type: Object,
      default() {
        return {}
      },
    },
  },
  data() {
    return {
      width: 800,
      auditModel: {},
    }
  },
  watch: {
    visible(n) {
      if (n) {
        this.auditModel = { ...this.data }
      }
    },
  },
  created() {},
  computed: {
    visible$1: {
      get() {
        return this.visible
      },
      set(val) {
        this.$emit('update:visible', val)
      },
    },
  },
  components: {},
  methods: {
    handleCancel() {
      this.visible$1 = false
    },
    handleOk() {
      this.visible$1 = false
    },
  },
}
</script>
<style scoped>
:global(.ant-form-item) {
  margin-bottom: 0;
}
:global(.ant-form-item-label) {
  line-height: 40px;
}
</style>
